﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../Scripts/jquery-1.8.2.min.js"></script>
    <link href="../Content/StyleSheet1.css" rel="stylesheet" />
    <link href="../BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <script src="../BootstrapSouce/js/jquery.min.js"></script>
    <script src="../BootstrapSouce/js/bootstrap.min.js"></script>

    <link href="../CSS/Public/base.css" rel="stylesheet" />
    <link href="../CSS/list.css" rel="stylesheet" />
    <link href="../JS/cityquery.css" rel="stylesheet" />
    <script>
        $(document).ready(function () {
            $.ajax({
                type: "get",
                url: "/Nav/shownav",
                success: function (data) {
                    $(data).each(function (i, obj) {
                        var div = "<a href='" + obj.navurl + "' class='button'>" + obj.navname + "</a>";
                        $(".header-div2").append(div);
                    })
                }
            })
            //$("#divtraincode").empty();
            //显示车次
            $.ajax({
                type: "get",
                url: "/Train/Showtrainnumbertype",
                success: function (d) {
                    $(d).each(function (i, item) {
                        var div = "<div class='hs_box_chk'><input type='checkbox' value='" + item.Traintype + "' /><span class='hs_box_chk_option'>" + item.Traintype + "</span></div>";
                        $("#divtraincode").append(div);

                    });
                }
            })
            //显示车次
            $.ajax({
                type: "get",
                url: "/Train/showseattype",
                success: function (d) {
                    $(d).each(function (i, item) {
                        var div = "<div class='hs_box_chk'><input type='checkbox' value='" + item.seattypename + "' /><span class='hs_box_chk_option'>" + item.seattypename + "</span></div>";
                        $("#divtrainseat").append(div);

                    });
                }
            })

            //显示车次
            $.ajax({
                type: "get",
                url: "/Train/showtimeframe",
                success: function (d) {
                    $(d).each(function (i, item) {
                        var div = "<div class='hs_box_chk'><input type='checkbox' value='" + item.Timecontent + "' /><span class='hs_box_chk_option'>" + item.Timecontent + "</span></div>";
                        $("#divfromtime").append(div);
                        $("#divarrivetime").append(div);

                    });
                }
            })

            $.ajax({
                type: "get",
                url: "/Train/showtrainnumber",
                success: function (d) {

                    $(d).each(function (i, item) {
                        var div = "<div class='trl_item'><div class='trl_railway clearfix'><div class='w1'><div class='train_num overtext'>" + item.Trainname + "</div><a class='train_over_link'>" + item.Stop + "</a></div><div class='w2'><div class='train_time1'>" + item.Starttime + "</div><div class='train_time2'>" + item.Endtime + "</div></div><div class='w3'><div class='train_stationovertext'><i class='i_station stationfrom'>始</i>" + item.startstation + "</div><div class='train_station overtext'><i class='i_station stationover'>过</i>" + item.Endstation + "</div></div><div class='w4'><span class='train_runtime'>" + item.operation + "</span></div><div class='w5'><div class='train_seat'>" + item.seattypename + "：<span class='train_money'>￥" + item.Price + "</span></div></div><div class='w6'><div class='train_seat'>" + item.Farenumber + "</div></div><div class='w7'><div class='train_seat'><a href='#' class='btn_trainReserve'>预定</a></div></div></div></div>";
                        $("#divtrainlist").append(div);
                    });
                }
            })
        })

    </script>

    
</head>
<body>
    <div class="header-div1">

        <div id="baiduDiv" style="display:none; position:absolute;transform:translate(1055px,50px)">
            <img src="../Content/img/img/2016-11-27_111530.png" />

        </div>
        <div id="baiduDiv1" style="display:none; position:absolute;transform:translate(1000px,50px)">
            <img src="../Content/img/img/2016-11-27_111530.png" />
        </div>


        <a href="#"><img src="../Content/img/img/2016-11-27_092701.png" class="header-div1-img1" /></a>

        <a href="#"><img src="../Content/img/img/2016-11-27_092720.png" class="header-div1-img2" /></a>

        <a href="#" onmouseout="document.getElementById('baiduDiv1').style.display='none'" onmouseover="document.getElementById('baiduDiv1').style.display=''"><img src="../Content/img/img/2016-11-26_155210.png" class="header-div1-img3" /></a>
        <a href="#" onmouseout="document.getElementById('baiduDiv').style.display='none'" onmouseover="document.getElementById('baiduDiv').style.display=''">  <img src="../Content/img/img/2016-11-26_155309.png" class="header-div1-img4" /></a>
        <a><img src="../Content/img/img/2016-11-26_155336.png" class="header-div1-img5" /></a>
        <a href="#"><img src="../Content/img/img/2016-11-26_155436.png" class="header-div1-img6" /></a>


    </div>


    <div class="header-div2">
        <!--<a href="HtmlPage1.html" class="button">首页</a>
        <a href="Hotel.html" class="button">酒店</a>
        <a href="AirTicket.html" class="button">机票</a>
        <a href="Holiday.html" class="button">度假</a>
        <a href="#" class="button">签证</a>
        <a href="TrainTicket.html" class="button">火车票</a>&nbsp;-->
        <div style="float:right">
            <button class="button"><a href="Register.html" class="reg">注册</a><a href="Login.html" class="login">登陆</a></button>
        </div>
    </div>
    张泽宇




    <div class="maincontent w">
        <!--搜索-->
        <div class="hotel_header">
            <div class="hh_box">
                <input type="text" class="fh_in" id="StartCity" placeholder="请输入出发地" value="北京" />
                <div class="fh_change"></div>
                <input type="text" class="fh_in" id="EndCity" placeholder="请输入目的地" value="上海" />
            </div>
            <div class="hh_box">
                <input type="text" class="hh_in i_fs_date" id="txtStartDate" value="2016-08-18" placeholder="出发日期" />

                <input type="text" class="fh_in fs_date disabled" readonly="true" id="txtEndDate" disabled="disabled" style="display:none" />
            </div>
            <input type="button" value="搜索" class="hh_btn" id="btnsearch" />
        </div>
        <!--<div class="train_over"><span class="to_address">-</span><span class="to_date">-</span><span class="to_info">共<span class="to_count">-</span>条车次信息</span></div>
        <div class="train_condition">
            <div class="flight_info">
                <div class="fi_Package clearfix">
                    <div class="fl arrow l">&lt;</div>
                    <div class="fi_P_b">
                        <div class="fi_p_box">-->
        <!--<div class="fi_p_item active">
            <div class="fi_price">07-19</div>
            <div class="fi_date">周一</div>
        </div>
        <div class="fi_p_item">
            <div class="fi_price">07-19</div>
            <div class="fi_date">周一</div>
        </div>-->
        <!--</div>
                </div>
                <div class="fr arrow r">&gt;</div>
            </div>
        </div>-->
        <!--高级搜索-->
        <div class="hotel_serachcondition">
            <div class="hs_box" id="divtraincode">
                <span class="title">车次类型：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" value="G" /><span class="hs_box_chk_option">G-高铁</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="D" /><span class="hs_box_chk_option">D-动车</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="T" /><span class="hs_box_chk_option">T-特快</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="Z" /><span class="hs_box_chk_option">Z-直达</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="K" /><span class="hs_box_chk_option">K-快速</span>
                </div>-->
            </div>
            <div class="hs_box" id="divtrainseat">
                <span class="title">席别选择：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" value="特等座" /><span class="hs_box_chk_option">特等座</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="商务座" /><span class="hs_box_chk_option">商务座</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="一等座" /><span class="hs_box_chk_option">一等座</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="二等座" /><span class="hs_box_chk_option">二等座</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="高级软卧" /><span class="hs_box_chk_option">高级软卧</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="软卧" /><span class="hs_box_chk_option">软卧</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="硬卧" /><span class="hs_box_chk_option">硬卧</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="软座" /><span class="hs_box_chk_option">软座</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="硬座" /><span class="hs_box_chk_option">硬座</span>
                </div>-->
            </div>
            <!--<div class="hs_box_hidden">-->
            <div class="hs_box" id="divfromtime">
                <span class="title">出发时段：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" value="1" /><span class="hs_box_chk_option">0-6点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="2" /><span class="hs_box_chk_option">6-12点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="3" /><span class="hs_box_chk_option">12-18点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="4" /><span class="hs_box_chk_option">18-24点</span>
                </div>-->
            </div>
            <div class="hs_box" id="divarrivetime">
                <span class="title">到达时段：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" value="1" /><span class="hs_box_chk_option">0-6点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="2" /><span class="hs_box_chk_option">6-12点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="3" /><span class="hs_box_chk_option">12-18点</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" value="4" /><span class="hs_box_chk_option">18-24点</span>
                </div>-->
            </div>
            <div class="hs_box" id="divfromstation">
                <span class="title">出发车站：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <span id="fromstationlist"></span>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">北京西</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">北京</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">北京南</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">北京北</span>
                </div>-->
            </div>
            <div class="hs_box" id="divarrivestation">
                <span class="title">到达车站：</span>
                <div class="hs_box_chk">
                    <a class="unlimited active">不限</a>
                </div>
                <span id="arrivestationlist"></span>
                <!--<div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">上海虹桥</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">上海</span>
                </div>
                <div class="hs_box_chk">
                    <input type="checkbox" /><span class="hs_box_chk_option">上海南</span>
                </div>-->
            </div>
            <!--</div>-->
            <!--<div class="hs_box_open">
                <a class="open_link">更多筛选条件</a>
            </div>-->
        </div>
    </div>
    <!--搜索结果-->
    <div class="train_result">
        <div class="hr_bar">
            <ul>
                <li class="w1">车次</li>
                <li class="w2"><a class="hr_bar_arrow hr_bar_time">出发时间</a><a class="hr_bar_arrow hr_bar_time">到达时间</a></li>
                <li class="w3">出发/到达车站</li>
                <li class="w4"><a class="hr_bar_arrow">运行时长</a></li>
                <li class="w5"><a class="hr_bar_arrow">参考票价</a></li>
                <li class="w6">余票情况</li>
                <div class="w7 onlyshow"><input type="checkbox" id="chkhaveticket" style="display:none"><!--只显示有票车次--></div>
            </ul>
        </div>


        <!--<div class="trl_station_box">
            <div class="t_place clearfix"><ul><li class="first start"><h1>北京南</h1><span id="0_G101_0" class="line on"><span></span></span><p><span>06:44</span></p><p><span>--</span></p></li></ul><ul><li class=""><h1>沧州西</h1><span id="0_G101_1" class="line on"><span></span></span><p><span>07:38</span></p><p><span>停3分</span></p></li></ul><ul><li class=""><h1>德州东</h1><span id="0_G101_2" class="line on"><span></span></span><p><span>08:13</span></p><p><span>停8分</span></p></li></ul><ul><li class=""><h1>济南西</h1><span id="0_G101_3" class="line on"><span></span></span><p><span>08:40</span></p><p><span>停3分</span></p></li></ul><ul><li class=""><h1>泰安</h1><span id="0_G101_4" class="line on"><span></span></span><p><span>09:00</span></p><p><span>停3分</span></p></li></ul><ul><li class=""><h1>枣庄</h1><span id="0_G101_5" class="line on"><span></span></span><p><span>09:40</span></p><p><span>停2分</span></p></li></ul><ul><li class=""><h1>徐州东</h1><span id="0_G101_6" class="line on"><span></span></span><p><span>10:00</span></p><p><span>停2分</span></p></li></ul><ul><li class=""><h1>南京南</h1><span id="0_G101_7" class="line on"><span></span></span><p><span>11:17</span></p><p><span>停2分</span></p></li></ul><ul><li class=""><h1>镇江南</h1><span id="0_G101_8" class="line on"><span></span></span><p><span>11:38</span></p><p><span>停2分</span></p></li></ul><ul><li class=""><h1>苏州北</h1><span id="0_G101_9" class="line on"><span></span></span><p><span>12:15</span></p><p><span>停2分</span></p></li></ul><ul><li class="last over"><h1>上海虹桥</h1><span id="0_G101_10" class="line on"><span></span></span><p><span>12:38</span></p><p><span>--</span></p></li></ul></div>
        </div>-->

        <div class="SearchAgain" id="no_result_alert" style="display:none">
            <dl class="SearchAgainTxt">
                <dt>很抱歉，该条件下无车次信息<i>！</i></dt>
                <dd>你可以试试更改搜索条件重新搜索，或选择中转</dd>
            </dl>
        </div>

        <div class="tr_list" id="divtrainlist">



            <!--<div class="trl_item">
                <div class="trl_railway clearfix">
                    <div class="w1">
                        <div class="train_num overtext">K123</div>
                        <a class="train_over_link">经停站</a>
                    </div>
                    <div class="w2">
                        <div class="train_time1">08:20</div>
                        <div class="train_time2">17:50</div>
                    </div>
                    <div class="w3">
                        <div class="train_station overtext"><i class="i_station stationfrom">始</i>北京南站</div>
                        <div class="train_station overtext"><i class="i_station stationover">过</i>上海虹桥站</div>
                    </div>
                    <div class="w4">
                        <span class="train_runtime">7小时36分</span>
                    </div>
                    <div class="w5">
                        <div class="train_seat">硬座：<span class="train_money">￥3566</span></div>
                        <div class="train_seat sellout">软卧：<span class="train_money">￥3566</span></div>
                        <div class="train_seat">硬座：<span class="train_money">￥3566</span></div>
                    </div>
                    <div class="w6">
                        <div class="train_seat">余225张</div>
                        <div class="train_seat sellout">余0张</div>
                        <div class="train_seat">余25张</div>
                    </div>
                    <div class="w7">
                        <div class="train_seat"><a href="#" class="btn_trainReserve">预定</a></div>
                        <div class="train_seat sellout"><a href="#" class="btn_trainReserve">售完</a></div>
                        <div class="train_seat"><a href="#" class="btn_trainReserve">预定</a></div>
                    </div>
                </div>-->
            <!--<div class="trl_station_box">
                <ul class="station_top">
                    <li class="st1">序号</li>
                    <li class="st2">站名</li>
                    <li class="st3">到达时间</li>
                    <li class="st4">发车时间</li>
                    <li class="st5">停留时长</li>
                </ul>
                <div class="station">
                    <dl class="station_lst stationfrom">
                        <dt class="d1">1</dt>
                        <dd class="d2">北京南</dd>
                        <dd class="d3">07:00</dd>
                        <dd class="d4">07:20</dd>
                        <dd class="d5">2分</dd>
                    </dl>
                    <dl class="station_lst stationovered">
                        <dt class="d1">2</dt>
                        <dd class="d2">天津南</dd>
                        <dd class="d3">07:54</dd>
                        <dd class="d4">07:58</dd>
                        <dd class="d5">4分</dd>
                    </dl>
                    <dl class="station_lst stationover">
                        <dt class="d1">3</dt>
                        <dd class="d2">德州东</dd>
                        <dd class="d3">08:45</dd>
                        <dd class="d4">08:47</dd>
                        <dd class="d5">2分</dd>
                    </dl>
                    <dl class="station_lst stationover">
                        <dt class="d1">4</dt>
                        <dd class="d2">济南西</dd>
                        <dd class="d3">09:11</dd>
                        <dd class="d4">09:13</dd>
                        <dd class="d5">2分</dd>
                    </dl>
                    <dl class="station_lst stationto">
                        <dt class="d1">5</dt>
                        <dd class="d2">济南西</dd>
                        <dd class="d3">09:11</dd>
                        <dd class="d4">09:13</dd>
                        <dd class="d5">2分</dd>
                    </dl>
                </div>
            </div>-->
        </div>
    </div>
    </div>











    <div class="header-div5">
        <div class="div-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">预定帮助</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">用户协议</a></dd>
                <dd><a href="#">出行常识</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">取消订单</a></dd>
                <dd><a href="#">在线支付</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl>
                <dt>关于我们</dt>
                <dd><a href="#">关于你定网</a></dd>
                <dd><a href="#">创始人介绍</a></dd>
                <dd><a href="#">荣耀资质</a></dd>
                <dd><a href="#">公司介绍</a></dd>
            </dl>
        </div>
        <div class="div-dl">
            <dl><dt>手机快速扫描下载</dt><dd><img src="../Content/img/img/2016-11-27_111530.png" /></dd></dl>
        </div>
        <div class="div-dl">
            <dl><dt>你定官方微信</dt><dd><img src="../Content/img/img/2016-11-27_111418.png" /></dd></dl>
        </div>
        <div class="div-dl">
            <dl><dt>你定官方微博</dt><dd><img src="../Content/img/img/2016-11-27_111530.png" /></dd></dl>
        </div>
        <div class="div-d2">
            <dl><dt>联系我们</dt><dd><img src="../Content/img/img/2016-11-27_111619.png" /></dd></dl>
        </div>

        <div class="div-d3">
            <dl><dt>京ICP备11023779号</dt><dd><a href="#"><img src="../Content/img/img/2016-11-27_113039.png" /> </a></dd></dl>
        </div>



    </div>



    


</body>
</html>
